<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>九块九包邮</title>
    <link rel="stylesheet" href="../css/baoyou9.css">
    <link rel="stylesheet" href="./iocn/iconfont.css">
</head>


<body>
    <main>
        <div class="box-top">
            <!--顶部大盒子-->
            <img src="../image/logo.png" class="logo">
            <img src="../image/logo-1.png" class="logo-1">
            <form action="" class="parent">
                <span class="iconfont icon-fangdajing"></span>
                <input type="text" class="search" placeholder="搜索商品发现更多优惠">
                <input type="button" name="" id="" class="btn" value="搜索">
            </form>
            <!--搜索框-->
            <i class="iconfont icon-tianmaobaoyouqia" herf="#">
                <p>全国包邮</p>
            </i>

            <span class="iconfont icon-tuikuan">
                <p>7天退款</p>
            </span>
            <span class="iconfont icon-pinzhibaozhengQuality">
                <p>品质保证</p>
            </span>
        </div>
        <!--主页面--->
        <div class="box-center">
            <div class="bar">
                <!--导航栏-->
                <ul>
                    <li onclick="shouye()" >首页</li>
                    <li class="click">9块9包邮</li>
                    <li>超值大额劵</li>
                    <li>降温求救穿搭</li>
                </ul>

            </div>
           
        <!--中间部分的商品标  -->
        <div class="page-center">
            <h3>9块9包邮</h3>
            <div class="wrdes">
                <ul>
                    <li class="atvi">精选</li>
                    <li>美妆护肤</li>
                    <li>服装配饰</li>
                    <li>手机数码</li>
                    <li>日用家居</li>
                    <li>文娱体育</li>
                    <li>食品</li>
                    <li>个人护理</li>
                </ul>
            </div>

            <!--商品展示页面-->
            <ul class="mini-box">
                <script type="text/html" id="product-list-temp">
                    {{each productList}}
                <li>
                    <img class="commodity-card-img" src="{{$value.image}}">
                       <div class="mini-box-1">
                        <p>{{$value.title}}</p>
                        <span class="tm">天猫</span>
                        <span class="baoyou">包邮</span>
                        <DIV class="mini-box-2">
                            <div class="mini-box-3">
                                <span>￥{{$value.price}}</span>
                                <!-- <span>9</span> -->
                                <!-- <span>.9</span> -->
                            </div>
                            <span class="yigoumai">{{$value.saleNum}}人已购买</span>
                            <div class="shiyuan">10元劵</div>
                        </DIV>

                    </div>

                </li>
                {{/each}}
            </script>
            </ul>
<div class="btt-a">



                <button class="btna">查看更多</button>
                <div class="box-button">
                    <img src="../image/9931cd12202858a62e1de6741e1f0f7.png" class="box-button-img">
                    <h1>熊猫优选</h1>
                    <p>年轻人网购首选<br>领劵购物更省钱 </p>
                    <span>|下载app</span>
                    <img data-v-ec21f5b0="" src="http://img1.lukou.com/static/img/activity/policeIcon.png" class="police-icon">
                    <p>浙公安网备案33010602009949号|ICP备案号:浙ICP备17012864号-1| </p>
                    <img data-v-ec21f5b0="" src="http://img1.lukou.com/static/img/activity/license.png" class="police-icon">
                    <p>证照信息</p>
                </div>
                <img src="//static.anquan.org/static/outer/image/aqkx_83x30.png?id=www.xiongmaoyouxuan.com?t=48" alt="安全联盟认证"
                    style="border: none;" width="83" height="30" class="bottom-1">
                
            </div>
            </div>        

            

        
    </main>
    




    <script src="../js/jquery-3.6.0.js"></script>
    <script src="../js/template-web.js"></script>
    <script src="../js/index.js"></script>
    <script>
        const swiper = new Swiper('#swiper1')
        swiper.autoPlay(true)
    </script>
</body> 

</html>